<template>
    <div class="header">
       <div class="logo"><img src="../assets/images/logo.png" />QQ音乐</div>
    </div>
</template>

<script>
export default {
  name: 'm-header'
}
</script>

<style lang="less" scoped>
  @import '../assets/less/variable.less';
  .header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: @background;
    position: fixed;
    top: 0;
    left: 0;
    .logo {
      float: left;
      display: block;
      width: 90px;
      height: 25px;
      margin: 9px 0 0 10px;
      background-image: url(../assets/images/logo.png);
      background-size: cover;
      background-repeat: no-repeat;
      text-indent: -9999px;
    }
  }
</style>
